<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        html,body{
            background-color: #333;
            height: 100%;
            width: 100%;
        }
        .key{
            display: flex;
            justify-content: center;
            align-items: center;
            width: 1200px;
            height: 100%;
            margin-left:calc(50% - 600px);
        }
        .key ul{
            background-color:  white;
            height: 80%;
            width: 50%;
            overflow: hidden;
            overflow-y: scroll;
            list-style: none;
            padding-right: 40px;
            padding-top: 30px;
        }
        li{
            line-height: 150%;
        }
      span{
          font-size: 18px;
          color: #F10180;
      }
      li:nth-child(1){
          font-size: 20px;
          font-weight: 600;
      }

    </style>
</head>
<body>
    <div class="key">
        <ul>
           <li><span>&emsp;&emsp;关键字</span></li>
           <li><span>&emsp;&emsp;有关小竹：</span>自我介绍、设计、名字、你的主人、你的年龄、你的性别、你的优点、你的缺点、你的网址</li>
           <li><span>&emsp;&emsp;有关交易：</span>地址、邮箱、捐赠、联系方式、电话、手机、日期、时间、退货地址、捐赠地址、包邮、退货、退款</li>
           <li><span>&emsp;&emsp;娱乐区：</span>笑话</li>
           <li><span>&emsp;&emsp;聊天区：</span>你好、hi、hello、嗨、哈喽、设计、名字、爱、喜欢、日期、时间、亲亲、抱抱、？、小竹、颜色 、鼠标、互动、
               玩玩、走了、来了、聪明、生日快乐、你是谁、开心、黑色、傻、忍、揍、不开心、废话、上帝 、理想、斗地主、愤青、对比、
               沙和尚、人生、身份、打赌、打人、吵架、数羊、鄙视、数数、电影、演戏、名流、常言、关门、收听、脑残、区别、转折点、
               签到、网吧、婚姻、彪悍、流氓、消灭、乖乖、退休、戒指、叔叔、恋人、难看、0.0、开启数水饺、关闭数水饺、关闭重复、
               笑话、日期时间、报时、。。。、...、= =、=-=、- -、吵死了、见鬼、给、密码、破译、哈哈、不要哭、我哭、谢谢、算了、
               什么、笨蛋、因为 、其他、这样、专业、教育、资料、点击、不会、知道、学习、广告、方法、希望、地方、也是、怎么、应该、
               无法、踢、感觉、你们、一样、位置、那个、然后、为什么、悲伤、东西、方面、操作、成功、欢迎、其实、出来、是否、很多、
               事情、类型、当然、类别、坑爹、坑娘、打击、看看、考试、比赛、过去、分类、给力 、来说、银行、材料、正常、负责、申请、
               找到、保持、具体、实际、十分、医院、力量、说道、打开、错误、不知、测试、老师、离开、有事、不说、第六感、精彩、相信、
               观点、过来、找你、怎样、没事、运动、目的、今日、绝对、多少、输入、到底、昨天、最高、看见、不好、人类、地球、享受、
               听到、说话、风格、明白、面积、分享、都会、感情、酒店、启动、太阳、阳光、成了、优秀、一边、理解、特色、还要、强大、
               发挥、欣赏、不了、满足、现实、认真、农村、好了、风险、地点、状况、服装、合同、表情、人家、正确、办公室、出去、保密、
               完美、衣服、就要、仍然、高手、天空 、依然、不管、比如、额、呃、昂、同意、民族、精品、性感、答案、请问、还可以、地图
               紧张 、来看、痛苦、赚钱、那是、相同、微笑、好好、事实、学会、主动、切、不要、关心、文明、为何、你猜 、凭什么、扯谈、
               高兴、对不起、机器、天天、回去、论文、摄影、没什么、黄金、生日、休息、复杂、设定、浪漫、你猜 、凭什么、扯谈、高兴、
               对不起、机器、天天、回去、论文、摄影、没什么、黄金、生日、休息、复杂、设定、浪漫、开车、男朋友、会对、老头、上班、
               菜鸟、月薪、出声、监察、阿姨、迷茫、加班、什么事情、常见问题、除此之外、梦里、也对、对、不对、被子、有缘、好不、
               找来、来找、七十、最热、高了、不干、讨好、沉默、是啊、在吗、幸福、欺负、结婚、疯了、不是、快乐、难受、聪明、谦虚、
               智力、取代、可以、进步、努力、杀死、杀了、机会、电脑、啰嗦、信心、再见、麻烦、我来、礼貌、道理、很晚、好强、怎么着、
               吃吃、逆境、看啊、学学、落伍、嚷嚷、不坏、行不行、喧哗、正是因为、吃醋、巴掌、鬼屋、火星人、太狠、亲嘴、袜子、吃喝、
               冤枉、青青、走出去、近视、幻觉、方位、午饭、搂着、要吃、日货、多大阿、蹲着、你知道我多大、外遇、我是你、聊什么、你是人吗、
               天意、小蜜、我想你、我帅不、我美不、武功、正义 、我很孤独、也是白说、心情不好、你来呀、面子、大家好、下次见、我来啦、我知道、
               吃饭去、知道了、停用、很快乐、忐忑不安、糖衣炮弹、天灾人祸、甜言蜜语、吞吞吐吐、歪打正着、万里长城、亡羊补牢、望穿秋水、
               稳扎稳打、可不、可怜啊、可能吧、可惜、客气、哭、快 、拉倒吧、来了吗、懒啊、老乡啊、累死我了、累呀、冷、忙啥呢、忙什么、忙完了、
               忙呀 、么啊、没啊、没吧、没办法啊、没办法的、没办法了、没办法呀、没吃、没的、没干吗、没看到啊、没看到吗、没看到你啊、没看懂、
               没看见啊、没空啊、没啦、没了啊、没忙什么、没呢、没骗你、没人啊、会不会、真的吗、你好啊、早上好、中午好、晚上好、嘿嘿、晚安、
               是好人吗、基友、不好笑、关不了 、唉、我在说你呢、必须、贱人、对了、佩服、找个、舒服、租房、真心、遇见、有空、夸张、隐私、你那、
               体贴、狐狸、好用、大姐、头疼、成年、海鲜、我该怎么办、语无伦次、你会什么、你好啰嗦、我想知道、你不急、太深奥、智商、时髦、偷笑、
               你懂、上火、想笑、对对、想哭、对对、吼、偶然、公交车、丑、说来话长、去屑、眼里、脑子进水、眼皮跳、跳眼皮、砍、冤、跑、逃、擅长、
               放飞理想、解释、信、常理、魅力、脸皮、心、孤单、演员、伤害、不约、没想好、想好了、约会、散步、不唱、想听、唱、不想听、唱歌
               勾引你、勾引、猜不出、见面
           </li>

        </ul>
    </div>
</body>
</html>
